<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				width: 500px;
				height: 500px;
				background-color: #00ffff;
				border-radius: 50%;
				position: relative;
				left: 300px;
				top: 40px;
				border: 10px solid #f00;
				border-color:#0f0 #f00 #ff0 #ffaa00;
				border-radius: 50%;
				transition: transform 10s;
				filter: drop-shadow(0 0 60px #ff0000);
			}
			#d1:hover{
				transform: rotate(3600deg);
			}
			#d2{
				width: 121px;
				height: 50px;
				background-color: #0000ff;
				border-radius: 50%;
				position: relative;
				left: 75px;
				top: 133px;
			}
			#d3{
				width: 121px;
				height: 50px;
				background-color: #0000ff;
				border-radius: 50%;
				position: relative;
				left: 217px;
				top: 1px;
			}
			#d4{
				width: 50px;
				height: 50px;
				background-color: #ffffff;
				border-radius: 50%;
				position: relative;
				left: -189px;
				top: -1px;
			}
			#d5{
				width: 50px;
				height: 50px;
				background-color: #ffffff;
				border-radius: 50%;
				position: relative;
				left: 226px;
				top: 1px;
			}
			#d6{
				width: 100px;
				height: 100px;
				background-color: #ffaaff;
				border-radius: 50%;
				position: relative;
				left: -297px;
				top: 88px;
			}
			#d7{
				width: 100px;
				height: 100px;
				background-color: #ffaaff;
				border-radius: 50%;
				position: relative;
				left: 322px;
				top: -1px;
			}
			#d8{
				width: 238px;
				height: 75px;
				background-color: #ff5500;
				border-radius: 50%;
				position: relative;
				left: -218px;
				top: 138px;
			}
			#d9{
				width: 600px;
				height: 600px;
				background-color: #00ff7f;
				border-radius: 50%;
				position: relative;
				left: -180px;
				top: 128px;
			}
			#d10{
				width: 1210px;
				height: 366px;
				background-color: #aa0000;
				border-radius: 50%;
				position: relative;
				left: -273px;
				top: 717px;
			}
			#d11{
			    width: 205px;
			    height: 110px;
			    border-bottom: 20px solid brown;
			    border-radius: 50%;
			    position: absolute;
			    bottom: 1020px;
			    left: 466px;
			}
			#d12{
			    width: 226px;
			    height: 107px;
			    border-bottom: 50px solid brown;
			    border-radius: 50%;
			    position: absolute;
			    bottom: 516px;
			    left: -9px;
			}
			#d13{
				width: 22px;
				height: 121px;
				background-color: #ffffff;
				border-radius: 50%;
				position: relative;
				left: 99px;
				top: 166px;
			}
			#p1{
				width: 6px;
				height: 111px;
				background-color: #aaaa7f;
				transform: rotate(0deg);
				position: relative;
				left: 544px;
				top: -251px; 
			}
			#p2{
				width: 6px;
				height: 111px;
				background-color: #aaaa7f;
				transform: rotate(-90deg);
				position: relative;
				left: 544px;
				top: -251px; 
			}
			#p3{
				width: 15px;
				height: 252px;
				background-color: #aaaa7f;
				transform: rotate(-40deg);
				position: relative;
				left: 196px;
				top: -289px; 
			}
			#p4{
				width: 15px;
				height: 252px;
				background-color: #aaaa7f;
				transform: rotate(40deg);
				position: relative;
				left: 913px;
				top: -560px; 
			}
			#p5{
				width: 15px;
				height: 222px;
				background-color: #aaaa7f;
				transform: rotate(30deg);
				position: relative;
				left: 335px;
				top: -256px; 
			}
			#p6{
				width: 15px;
				height: 222px;
				background-color: #aaaa7f;
				transform: rotate(-30deg);
				position: relative;
				left: 797px;
				top: -503px; 
			}
			#p7{
				width: 15px;
				height: 250px;
				background-color: #aaaa7f;
				transform: rotate(0deg);
				position: relative;
				left: 556px;
				top: -1100px; 
			}
			#p8{
				width: 15px;
				height: 250px;
				background-color: #aaaa7f;
				transform: rotate(-90deg);
				position: relative;
				left: 561px;
				top: -1233px; 
			}
			#p9{
				width: 15px;
				height: 250px;
				background-color: #aaaa7f;
				transform: rotate(-90deg);
				position: relative;
				left: 561px;
				top: -1630px; 
			}
			#p10{
				width: 15px;
				height: 250px;
				background-color: #aaaa7f;
				transform: rotate(-90deg);
				position: relative;
				left: 561px;
				top: -2020px; 
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				<div id="d3">
					<div id="d4">
						<div id="d5">
							<div id="d6">
								<div id="d7">
									<div id="d8">
										<div id="d9">
											<div id="d10">
												<div id="d11">
													<div id="d12">
														<div id="d13"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<p id="p1">
			<p id="p2">
				<p id="p3">
					<p id="p4">
						<p id="p5">
							<p id="p6">
								<p id="p7">
									<p id="p8">
										<p id="p9">
											<p id="p10">
												<p id="p11"></p>
											</p>
										</p>
									</p>
								</p>
							</p>
						</p>
					</p>
				</p>
			</p>
		</p>
		<audio src="img/dafengche.mp3" autoplay controls loop></audio>
	</body>
</html>